@charset "UTF-8";
/**
 * Modals
 * --------------------------------------------------
 * Modals are independent windows that slide in from off-screen.
 */
.modal-backdrop,
.modal-backdrop-bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%; }

.modal-backdrop-bg {
    pointer-events: none; }

.modal {
    display: block;
    position: absolute;
    top: 0;
    z-index: 10;
    overflow: hidden;
    min-height: 100%;
    width: 100%;
    background-color: #fff; }

@media (min-width: 680px) {
    .modal {
        top: 20%;
        right: 20%;
        bottom: 20%;
        left: 20%;
        min-height: 240px;
        width: 60%; }
    .modal.ng-leave-active {
        bottom: 0; }
    .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) {
        height: 44px; }
    .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) > * {
        margin-top: 0; }
    .platform-ios.platform-cordova .modal-wrapper .modal .tabs-top > .tabs,
    .platform-ios.platform-cordova .modal-wrapper .modal .tabs.tabs-top {
        top: 44px; }
    .platform-ios.platform-cordova .modal-wrapper .modal .has-header,
    .platform-ios.platform-cordova .modal-wrapper .modal .bar-subheader {
        top: 44px; }
    .platform-ios.platform-cordova .modal-wrapper .modal .has-subheader {
        top: 88px; }
    .platform-ios.platform-cordova .modal-wrapper .modal .has-header.has-tabs-top {
        top: 93px; }
    .platform-ios.platform-cordova .modal-wrapper .modal .has-header.has-subheader.has-tabs-top {
        top: 137px; }
    .modal-backdrop-bg {
        -webkit-transition: opacity 300ms ease-in-out;
        transition: opacity 300ms ease-in-out;
        background-color: #000;
        opacity: 0; }
    .active .modal-backdrop-bg {
        opacity: 0.5; } }

.modal-open {
    pointer-events: none; }
.modal-open .modal,
.modal-open .modal-backdrop {
    pointer-events: auto; }
.modal-open.loading-active .modal,
.modal-open.loading-active .modal-backdrop {
    pointer-events: none; }
